<template>
  <div id="temp">
    <!--1.0 图片分类-->
    <mt-header fixed title="小支部 · 大舞台"></mt-header>
    <div class="container">
      <!-- 文章主体 -->
      <div class="detail-body">
        <div class="detail-title">
          <h1>
            机动交警大队党员先锋队关键时刻显身手 安全顺利将学生送达考场
          </h1>
          <em>
            2018-07-15
            <!-- 根据文章发布者赋值 -->
            <span>香洲区党支部</span>
          </em>
        </div>
        <div class="detail-content">
          <img src="../../../statics/imgs/images/img.jpg">
          <p>
            6月7日，普通高等学校招生全国统一考试举行，一位家住中山市坦洲的考生由家长驾车载着前往考场。刚进入上冲检查站就发现，早高峰的如注车流将这里塞得水泄不通，眼看时间一分一秒内流逝，虽然一职校的考场近在咫尺，却又仿佛远在天涯。
          </p>
          <p>
            考生家长焦灼地望着车流靠近信号灯的那头，盘算着还有多久可以过路口，离考试时间只有20分钟了。他的目光瞟到了长沙圩巴士站的一抹蓝色，那是警服，机动交警大队一名交警正在附近巡逻执勤。家长立刻求助，交警初步了解了情况，然后让考生坐上警用摩托车向考场驶去。
          </p>
          <p>
            一职校考场的确不远，加上警车在保证交通安全的情况下可以不受信号灯的限制，这起送考生的任务看似并不复杂，但实际情况却远没有那么简单。
          </p>
          <p>
            靠近信号灯的所有车道均已被机动车塞满，没有车位留给摩托车。他们距离路口至少还有300米，要想穿过去，要么就在机动车道与车道边缘线之间行走，如果这里空间不够，还要利用排队等候的机动车之间的空隙做穿插。这对骑着排量高达1.2升、体积庞大的警用摩托车的邢斌而言，是一个不小的挑战。
          </p>
        </div>
      </div>

      <!-- 文章附件 -->
      <div class="set-box">
        <h4>附件：</h4>
        <ul>
          <a href="../../../statics/imgs/images/a-home.png" download="_53332_">
            <!-- 附件需提供下载或在线查看功能 -->
            <li>
              <!-- 根据附件类型使用不同的icon -->
              <div></div>
              <span>附件名称.pdf</span>
              <em>1.2MB</em>
            </li>
          </a>
        </ul>
      </div>
    </div>

  </div>
</template>

<script>
  //集成评论子组件
  import urlkit from '../../kits/urlkit.js';//测试接口
  export default{
    data(){
      return{

      }
    },
    created(){
//			1.0 获取url传入的id参数值赋值给data中的id属性
      this.id = this.$route.query.id;
      this.getId();
    },
    methods:{
      getId(){
        console.log(this.id);
      }
    }
  }
</script>

<style scoped>
  /*头部样式*/
  .mint-header{
    height: .9rem;
    background-color: #4284D8;
    font-size: .35rem;
  }
  .container{
    margin-top: .1rem;
  }
</style>
